/**
 * 渠道发布，检测账号是否断线
 */

import { Typography } from 'antd';
import React from 'react';
import { AccountItem } from '../../components';

export default function OfflineModal(props) {
    const { data } = props;
    return (
        <div style={{ margin: 24 }}>
            <Typography.Text type="secondary">
                以下招聘渠道对应账号已断开链接，请重新登录，确保实时链接后可快捷操作
            </Typography.Text>
            <div style={{ marginTop: 24 }}>
                {data.map(item => (
                    <AccountItem data={item} style={{ marginBottom: 16 }} key={item.channelName} />
                ))}
            </div>
        </div>
    );
}
